<?php include 'init.php';?>
<?php 	
	$cates = getCateByPid(0);
	$jbanner = get_config('banner');
	$banner = json_decode($jbanner,true);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title><?php echo get_config('title');?></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Custom Theme files -->
<link href="public/css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="public/css/style.css" type="text/css" rel="stylesheet" media="all">  
<!-- //Custom Theme files -->
<!-- font-awesome icons -->
<link href="public/css/font-awesome.css" rel="stylesheet"> 
<!-- //font-awesome icons -->
<!-- js -->
<script src="public/js/jquery-2.2.3.min.js"></script> 
<!-- //js -->
<!-- web-fonts --> 
<!-- <link href="//fonts.googleapis.com/css?family=Aladin" rel="stylesheet"> -->
<!-- <link href='//fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'> -->
<!-- //web-fonts --> 
<!-- start-smooth-scrolling -->
<script type="text/javascript" src="public/js/move-top.js"></script>
<script type="text/javascript" src="public/js/easing.js"></script>	
<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
			});
		});
</script>
<!-- //end-smooth-scrolling -->
</head>
<body>
	<!-- banner start here -->
	<div class="agileinfo-main about-top">
		<div class="slider">
			<script src="public/js/responsiveslides.min.js"></script>
			<script>
				// You can also use "$(window).load(function() {"
				$(function () {
				  // Slideshow 1
				  $("#slider1").responsiveSlides({
					 auto: true,
					 nav: true,
					 speed: 500,
					 namespace: "callbacks",
				  });
				});
			</script>
			<ul class="rslides" id="slider1" style="height: 300px;">
				<li>
					<div class="banner" style="background: url('public/upload/<?php echo $banner[0]['banner'];?>')no-repeat center;">
						<h3>把醉了的明天寄托在潘多拉的琴弦、浮沉余生虚伪地歌咏天上人间。 </h3>
					</div>
				</li>
				<li>
					<div class="banner banner2" style="background: url('public/upload/<?php echo $banner[1]['banner'];?>')no-repeat center;">
						<h3>话说天下大势，分久必和，合久必分。 </h3>
					</div>
				</li>
				<li>
					<div class="banner banner3" style="background: url('public/upload/<?php echo $banner[2]['banner'];?>')no-repeat center 0px;">
						<h3>相思只在梦魂中。今宵月，偏照小楼东。 </h3>
					</div>
				</li>
			</ul>
		</div>  
		<div class="agileinfo-header">
			<div class="container">
				<div class="agile-logo">
					<h1><a href="index.html"><i class="fa bounce bounceIn animated" aria-hidden="true"><img src="public/upload/<?php echo get_config('sitelogo');?>" style="width: 60px;height: 60px;"><br></i> <a style="font-size: 30px;font-weight: bolder;color: #fff;">风散了墨香</a>
					<!-- Rock -->
					</a></h1>
				</div>
				<div class="agileits-w3layouts-icons">
					<div class="social-icon">
						<!-- <a href="#" class="social-button qq" title=""QQ登录><i class="fa fa-qq">QQ</i></a>
						<a href="#" class="social-button weibo"><i class="fa fa-weibo" ></i></a> 
						<a href="#" class="social-button weixin"><i class="fa fa-comments" aria-hidden="true"></i></a> -->
						<!-- <a href="#" class="social-button register"><i class="fa ">注册</i></a> -->
						<a href="admin/login.php" class="social-button sign-in" title="管理员登录" alt="管理员登录"><i class="fa fa-user fa-fw"></i></a>
					</div> 
				</div>
				<div class="clearfix"> </div>
			</div>	    
		</div>
		<!-- navigation start here -->
		<div class="top-nav">
			<span class="menu">Menu</span>	
			<ul class="w3l">
				<li><a href="index.php"><i aria-hidden="true" class="glyphicon glyphicon-home"></i><span>主页</span></a></li>
				<li><a href="blog.php"><i class="glyphicon glyphicon-list-alt"></i><span>博文排列</span></a></li>
				<li><a href="codes.php"><i class="glyphicon glyphicon-picture"></i><span>博图排列</span></a></li>
				<li><a class="active" href="about.php"><i class="glyphicon glyphicon-user"></i><span>关于</span></a></li>
				<li><a href="contact.php"><i class="glyphicon glyphicon-envelope"></i><span>联系</span></a></li>
			</ul>
			<!-- script-for-menu -->
			<script>
			   $( "span.menu" ).click(function() {
				 $( "ul.w3l" ).slideToggle( 300, function() {
				 // Animation complete.
				  });
				 });
			</script>
			<!-- //script-for-menu -->
		</div>	
	</div>
	<!-- navigation end here -->
	<!-- about -->
	<div class="about agileits">
		<div class="container">
			<h2 class="agile-title">关于我们</h2>  
			<div class="about-info">
				<div class="col-md-12 about-grids">
					<h4>用最锐利的眼光挖掘最有价值的文章</h4>
					<p>幸福就是，寻常的人儿依旧。在晚餐的灯下，一样的人坐在一样的位子上，讲一样的话题。年少的仍旧叽叽喳喳谈自己的学校，年老的仍旧唠唠叨叨谈自己的假牙。厨房里一样传来煎鱼的香味，客厅里一样响着聒噪的电视新闻。</p>		
					<!-- <div class="embed-responsive embed-responsive-16by9"> -->
						<!-- <iframe src=""></iframe> -->
					<!-- </div>  -->
				</div>
				
			</div>	
		</div>	
	</div>

	<!-- //about -->
	
	<!-- about-team -->
	<div class="about team">		
		<div class="container">
			<h3 class="agile-title">我们的团队：</h3>  
			<div class="team-row">
				<blockquote>
					<h4>风散了墨香,最诗意化的团队，用散文的风格书写最优美的代码！</h4>
				</blockquote>
				
			
				<a> --></a>
				<a class="see">
					<a class="btn btn-info seeme" style="font-size: 30px;">
						关注我们<i class="fa fa-1x fa-plus" aria-hidden="true"></i>
					</a>
				</a>
				<img src="public/img/wechat.jpg" class="seemeImg" style="position: relative;top:-30px;left: 300px;display: none;width: 360px;">
				<div class="clearfix"> 
					
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		
		$('.seeme').on('click',function(){
			$('.seemeImg').css('display','block');
			$('.seeme').html('请扫描二维码<i class="fa fa-1x fa-plus" aria-hidden="true"></i>');
		});
		
		
	</script>
	<div>&nbsp;</div>
	<!-- //about-team -->
	<!-- footer start here -->
	<?php include "footer.php"; ?>
	<!-- //copy right end here -->  
	<!-- smooth-scrolling-of-move-up -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
			var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
			};
			*/
			
			$().UItoTop({ easingType: 'easeOutQuart' });
			
		});
	</script> 
	<!-- //smooth-scrolling-of-move-up -->
	<!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="public/js/bootstrap.js"></script>
</body>
</html>